<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Physics Converter</title>
</head>

<!-- Create Background color of body -->
<body bgcolor="silver">
<!--  Create the Header for the page and make it gold -->
<table width=100% border="0">
<tr>
<td colspan="2" bgcolor="gold" align="center">
<h1>Physics Converter</h1>
</td>
</tr>
</table>


<!--  Start to create the form page -->
<FORM action ="/WebApp/Convert" method="post">
<BR>
<!--  Directions -->
Input the amount needing to be converted. Then select that amounts unit and finally select the unit desired to convert to and click convert.

<BR><Br>
<!--  Area for them to select the type of units to convert to -->
Units Type: <select name="type">
<option value="dist">Distance</option>
<option value="temp">Temperature</option>
<option value="mass">Mass</option>
<option value="veloc">Velocity</option>
<option value="angle">Angle</option>
<option value="num">Numeric Value</option>
</select>
<BR>
<!--  Input field for their number -->
Convert: <INPUT type="text" name="convertFrom" size ="35">
<!--  Unit for their input -->
Units: <select name="unitsFrom">
<option value="1">Meter</option>
<option value="2">Feet</option>
<option value="3">Celsius</option>
<option value="4">Fahrenheit</option>
<option value="5">Kelvin</option>
<option value="6">Kilogram</option>
<option value="7">Pound</option>
<option value="10">meter/second</option>
<option value="11">feet/second</option>
<option value="12">degree (angle)</option>
<option value="13">radian</option>
<option value="14">Binary</option>
<option value="15">Hexadecimal</option>
<option value="16">Decimal</option>
</select>
<BR>
<!--  Output field for the converter -->
To: <!--<input type="text" name="convertTo" size="35">-->

<!-- Here is where they will select the units to convert to -->
<Select name="unitsTo">
<option value="1">Meter</option>
<option value="2">Feet</option>
<option value="3">Celsius</option>
<option value="4">Fahrenheit</option>
<option value="5">Kelvin</option>
<option value="6">Kilogram</option>
<option value="7">Pound</option>
<option value="10">meter/second</option>
<option value="11">foot/second</option>
<option value="12">degree (angle)</option>
<option value="13">radian</option>
<option value="14">Binary</option>
<option value="15">Hexadecimal</option>
<option value="16">Decimal</option>
</Select>
<BR>

  Answer:<c:out value="${convert.convertTo}" />

<BR>
<BR>
<!--  A Submit button so the converter knows that it has its numbers -->
<input type="submit" name="Convert" value="Convert">
</FORM>




</body>
</html>